<template>
  <div>
    <div style="display: flex; justify-content: space-between">
      <div>
        <span>学科名称</span>
        <el-input v-model="search" style="width: 400px"></el-input>
        <el-button>清除</el-button>
        <el-button type="primary">搜索</el-button>
      </div>
      <div>
        <el-button icon="el-icon-edit" type="success">新增学科</el-button>
      </div>
    </div>
    <div style="margin:20px 0">
      <el-alert title="数据一共好多条" type="info" show-icon> </el-alert>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      search: ''
    }
  },
  methods: {}
}
</script>

<style scoped lang='scss'>
.el-button {
  margin-left: 20px;
}
.el-input {
    margin-left: 20px;
}
</style>
